<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .image{
            width: 500px;
            height: 315px;
            background-image: url(https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=350409649,190622771&fm=26&gp=0.jpg);
        }
    </style>
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
</head>
<body>
    <div class="image"></div>
</body>
<script>
    //鼠标移到上面更改背景图片
    $('.image').mouseover(function(){
        $(this).css('background-image','url(https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=3266171808,3775387722&fm=26&gp=0.jpg)');
    });  
    //鼠标移出更改背景图片 
    $('.image').mouseout(function(){
        $(this).css('background-image','url(https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=350409649,190622771&fm=26&gp=0.jpg)');
    }); 
</script>
</html>